<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>陈海亮</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        html,
        body {
            overflow-x: hidden;
            background-color: #FAFAFC;
        }

        .search-index {
            position: fixed;
            top: 0;
            left: 50%;
            z-index: 11;
            width: 100%;
            transform: translateX(-50%);
            padding-left: 12px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: flex-start;
        }

        .search-index .search-index-box {
            height: 28px;
            line-height: 24px;
            padding: 2px 5px;
            border-radius: 15px;
            background-color: #fff;
            color: #666;
            font-size: .94rem;
            flex: 1;
            box-sizing: border-box;
            position: relative;
        }

        .search-index .search-index-box span {
            padding-left: 35px;
        }

        .search-index .search-index-box span::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 35px;
            height: 100%;
            overflow: hidden;
            background: url(images/12.png) 15px 7px no-repeat;
            background-size: 21px auto;
            content: "";
        }

        .search-index .notice-myctrip {
            width: 51px;
            height: 44px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: .75rem;
            line-height: 1;
            box-sizing: border-box;
            padding-right: 4px;
        }

        .search-index .notice-myctrip::before {
            content: "\0020";
            width: 22px;
            height: 22px;
            background: url(images/12.png) 1px -36px no-repeat;
            background-size: 21px auto;
            margin-bottom: 1px;
            display: block;
        }

        #img-wrap {
            position: relative;
        }

        .cm-shadow {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            height: 60px;
            display: block;
            background: linear-gradient(to bottom, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0));
        }

        #img-wrap .cm-slide img {
            width: 100%;
            display: block;
        }

        .local-box {
            width: 100%;
            background: url(images/bg3.jpg);
            border-bottom-left-radius: 100%;
            border-bottom-right-radius: 100%;
        }

        .local-nav {
            line-height: 64px;
            background: #fff;
            border-radius: 8px;
            margin: 0 12px 10px;
            display: flex;

            align-items: center;

            justify-content: center;
            padding: 4px 0 8px;

            box-shadow: 0 2px 6px rgb(0 0 0 / 8%);
        }

        .local-nav li {
            list-style: none;
            flex: 1;
        }

        .local-nav li a {
            display: flex;
            flex-direction: column;

            align-items: center;

            justify-content: center;
            font-size: .75rem;
            line-height: 1;
            color: #222;
            position: relative;
        }

        .local-nav li .icon-local-scenic {
            background-position: 0 0;
        }

        .local-nav li .icon-local-around {
            background-position: 0 -40px;
        }

        .local-nav li .icon-local-food {
            background-position: 0 -80px;
        }

        .local-nav li .icon-local-oneday {
            background-position: 0 -120px;
        }

        .local-nav li .icon-local-strategy {
            background-position: 0 -160px;
        }

        .local-nav li [class^=icon-] {
            width: 40px;
            height: 40px;
            border-radius: 100%;
            background-image: url(images/11.png);
            background-repeat: no-repeat;
            background-size: 40px auto;
            display: block;
        }

        .local-nav a {
            text-decoration: none;
        }

        .menu {
            width: 100%;
            height: 197.56px;
            display: flex;
            justify-content: space-between;
        }

        .menu .left {
            width: 12.5px;
        }

        .menu .right {
            width: 12.5px;
        }

        .nav {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border-radius: 10px;
            flex-grow: 1;
        }

        .nav .hang {
            width: 100%;
            line-height: 66.19px;
            display: flex;
        }

        .nav .hang .lie {
            flex: 23%;
            border-right: 1px solid #fff;
            box-sizing: border-box;
            padding-left: 12px;
        }

        .nav .hang .lie:nth-child(1) {
            flex: 31%;
        }

        .nav .a {
            background: linear-gradient(to right, #fa5956, #fb8650 54%);
        }

        .nav .b {
            background: linear-gradient(to right, #4b8fed, #53bced);
        }

        .nav .c {
            background: linear-gradient(to right, #34c2aa, #6cd557);
        }

        .nav a {
            color: #fff;
            text-decoration: none;
            font-size: 14px;
        }

        .nav .a .lie:nth-child(1) {
            background: url(images/1.png) no-repeat right bottom;
            background-size: 73px auto;
            border-top-left-radius: 8px;
        }

        .nav .a .lie:nth-child(2) {
            background: url(images/5.png) no-repeat left bottom;
            background-size: 37px auto;
            border-top-left-radius: 8px;
            padding: 0;
        }

        .nav .a .lie:nth-child(2) a {
            text-align: center;
            width: 100%;
            display: block;
        }

        .nav .a .lie:nth-child(3) {
            flex: 46%;
            background: linear-gradient(to right, #ffbc49, #ffd252);
            padding: 0;
        }

        .nav .a .lie:nth-child(3) a {
            color: #a05416;
            display: block;
            background: url(images/2.png) no-repeat right bottom;
            background-size: 161px;
            text-align: center;
            position: relative;
            width: 100%;
        }

        .nav .b {
            margin: 1px 0;
        }

        .nav .b .lie:nth-child(1) {
            background: url(images/3.png) no-repeat right bottom;
            background-size: 79px auto;
        }

        .nav .b .lie:nth-child(2) {
            background: url(images/6.png) no-repeat left bottom;
            background-size: 37px auto;
            padding: 0;
        }

        .nav .b .lie:nth-child(3) {
            padding: 0;
        }

        .nav .b .lie:nth-child(4) {
            padding: 0;
        }

        .nav .b .lie:nth-child(2),
        .lie:nth-child(3),
        .lie:nth-child(4) a {
            text-align: center;
            width: 100%;
            display: block;
        }

        .nav .c .lie:nth-child(1) {
            background: url(images/4.png) no-repeat right bottom;
            background-size: 94px auto;
            border-bottom-left-radius: 8px;
        }

        .nav .c .lie:nth-child(2) {
            background: url(images/8.png) no-repeat left bottom;
            background-size: 61px auto;
            padding: 0;
        }

        .nav .c .lie:nth-child(3) {
            padding: 0;
        }

        .nav .c .lie:nth-child(4) {
            padding: 0;
        }

        .nav .c .lie:nth-child(2),
        .lie:nth-child(3),
        .lie:nth-child(4) a {
            text-align: center;
            width: 100%;
            display: block;
        }

        .subnav {
            width: 100%;
        }

        .subnav-entry {
            overflow: hidden;
            margin: 0 12px 12px;
        }

        .subnav-entry li {
            width: 20%;
            float: left;
            list-style-type: none;
        }

        .subnav-entry li a {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            box-sizing: border-box;
            font-size: .63rem;
            color: #222;
            line-height: 1;
            position: relative;
            text-decoration: none;
            font-size: 12px;
            font-weight: 400;
        }

        .subnav-entry li [class^=subnav-icon] {
            width: 28px;
            height: 28px;
            background-image: url(images/13.png);
            background-size: 28px auto;
            background-repeat: no-repeat;
            margin-top: .63rem;
            margin-bottom: .31rem;
            display: block;
        }

        .subnav-entry .subnav-icon-travel {
            background-position: 0 0;
        }

        .subnav-entry .subnav-icon-wifi {
            background-position: 0 -28px;
        }

        .subnav-entry .subnav-icon-insurance {
            background-position: 0 -56px;
        }

        .subnav-entry .subnav-icon-shopping {
            background-position: 0 -84px;
        }

        .subnav-entry .subnav-icon-guide {
            background-position: 0 -112px;
        }

        .subnav-entry .subnav-icon-flight {
            background-position: 0 -139px;
        }

        .subnav-entry .subnav-icon-card {
            background-position: 0 -168px;
        }

        .subnav-entry .subnav-icon-creditCard {
            background-position: 0 -196px;
        }

        .subnav-entry .subnav-icon-photograph {
            background-position: 0 -280px;
        }

        .subnav-entry .subnav-icon-more {
            background-position: 0 -252px;
        }

        .tool-box {
            padding-top: 1px;
            background-position: left top;
            background-image: linear-gradient(to top, transparent 50%, #dbdbdb 50%);
            border: none;
            background-size: 100% 1px;
            background-repeat: no-repeat;
            padding-bottom: 5px;
            text-align: center;

        }

        .tool-nav {
            margin-bottom: 5px;
            background-color: #fff;
            border-bottom: 1px solid #c2c2c2;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            background-size: 100% 1px;
            background-repeat: no-repeat;
            padding-bottom: 1px;
            background-position: left bottom;
            background-image: linear-gradient(to bottom, transparent 50%, #dbdbdb 50%);
        }

        .tool-nav .tool-nav-link {
            position: relative;
            flex: 1;
            color: #333;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            padding: 10px 0;
        }

        .tool-nav .tool-nav-link svg {
            width: 20px;
            height: 20px;
            margin-bottom: 2px;
        }

        .tool-nav .tool-nav-link .transform-group {
            fill: #999;
        }

        .tool-ver {
            color: #999;
        }

        .tool-ver a {
            padding: 0;
            font-size: 12px;
            color: #666;
            text-align: center;
            text-decoration: none;
        }

        .tool-ver a.global-sites {
            position: relative;
            padding-right: 10px;
        }

        .icon-global {
            display: inline-block;
            width: 11px;
            height: 11px;
            background: url(images/14.png) 0 -160px no-repeat;
            background-size: 30px auto;
            margin-right: 7px;
            vertical-align: middle;
        }

        .triangle {
            display: inline-block;
            border: 1px solid #666;
            border-width: 0 1px 1px 0;
            width: 5px;
            height: 5px;

            transform: rotate(45deg);
            vertical-align: 2px;
            margin: 0 3px;
        }

        label {
            cursor: default;
        }

        .tool-box p {
            margin: 0;
            padding: 5px 0;
            color: #999;
            font-size: 12px;
        }

        .tool-box .link-icp {
            color: #999;
        }

        .tool-box a {
            text-decoration: none;
            text-align: center;
        }
    </style>
</head>

<body>
    <div id="search-box" class="search-index">
        <div class="search-index-box">
            <span>
                搜索:目的地/酒店/景点/航班号
            </span>
        </div>
        <a class="notice-myctrip">
            <span>我 的</span>
        </a>
    </div>
    <div id="img-wrap">
        <div class="cm-shadow"></div>
        <div class="cm-slide">
            <img src="images/bg1.jpg" alt="保底图">
        </div>
    </div>
    <div class="local-box">
        <ul class="local-nav">
            <li><a><span class="icon-local-scenic"></span><span>攻略·景点</span></a></li>
            <li><a><span class="icon-local-around"></span><span>门票·活动</span></a></li>
            <li><a><span class="icon-local-food"></span><span>美食林</span></a></li>
            <li><a><span class="icon-local-oneday"></span><span>周边游</span></a></li>
            <li><a><span class="icon-local-strategy"></span><span>一日游</span></a></li>
        </ul>
    </div>
    <div class="menu">
        <div class="left"></div>
        <div class="nav">
            <div class="hang a">
                <div class="lie"><a href="javascript:;"><span>酒店</span></a></div>
                <div class="lie"><a href="javascript:;"><span>民宿·客栈</span></a></div>
                <div class="lie"><a href="javascript:;"><span>特价·爆款</span></a></div>
            </div>
            <div class="hang b">
                <div class="lie"><a href="javascript:;"><span>机票</span></a></div>
                <div class="lie"><a href="javascript:;"><span>火车票</span></a></div>
                <div class="lie"><a href="javascript:;"><span>汽车·船票</span></a></div>
                <div class="lie"><a href="javascript:;"><span>专车·租车</span></a></div>
            </div>
            <div class="hang c">
                <div class="lie"><a href="javascript:;"><span>旅游</span></a></div>
                <div class="lie"><a href="javascript:;"><span>私家团</span></a></div>
                <div class="lie"><a href="javascript:;"><span>邮轮游</span></a></div>
                <div class="lie"><a href="javascript:;"><span>定制游</span></a></div>
            </div>
        </div>
        <div class="right"></div>
    </div>
    <div class="subnav">
        <ul class="subnav-entry">
            <li><a><span class="subnav-icon-travel"></span><span>自由行</span></a></li>
            <li><a><span class="subnav-icon-wifi"></span><span>WIFI电话卡</span></a></li>
            <li><a><span class="subnav-icon-insurance"></span><span>保险·签证</span></a></li>
            <li><a><span class="subnav-icon-shopping"></span><span>换钞·购物</span></a></li>
            <li><a><span class="subnav-icon-guide"></span><span>向导·包车</span></a></li>
            <li><a><span class="subnav-icon-flight"></span><span>特价机票</span></a></li>
            <li><a><span class="subnav-icon-card"></span><span>礼品卡</span></a></li>
            <li><a><span class="subnav-icon-creditCard"></span><span>申卡·借钱</span></a></li>
            <li><a><span class="subnav-icon-photograph"></span><span>社区</span></a></li>
            <li><a><span class="subnav-icon-more"></span><span>更多</span></a></li>
        </ul>
    </div>
    <div class="tool-box">
        <div class="tool-nav">
            <a class="tool-nav-link">
                <svg viewBox="0 0 256 256">
                    <path
                        d="M50.879 37.219a13.62 13.62 0 0 0-2.987.331c-7.23 1.627-11.754 8.724-10.104 15.852 8.524 36.834 31.178 72.785 68.183 107.85 35.42 33.564 67.812 52.591 96.958 57.351.726.118 1.46.178 2.195.178 7.416 0 13.428-5.927 13.428-13.238v-34.41c0-6.011-4.45-11.123-10.477-12.036l-13.606-2.061c-.6-.091-1.213.02-1.74.317l-13.801 7.768c-12.6 7.092-28.335 5.762-39.526-3.34a300.778 300.778 0 0 1-23.277-21.034c-8.074-8.102-15.495-16.477-22.26-25.126-7.274-9.299-9.238-21.612-5.21-32.662l7.585-20.802a2.613 2.613 0 0 0 .06-1.607l-3.858-13.647c-1.618-5.724-6.907-9.684-12.935-9.684H50.879zm0-15.886h28.628c13.26 0 24.896 8.712 28.456 21.305l3.859 13.647c1.046 3.7.9 7.63-.418 11.245l-7.585 20.802a18.321 18.321 0 0 0 2.805 17.588c6.37 8.141 13.367 16.04 20.995 23.694a284.685 284.685 0 0 0 22.037 19.913c6.026 4.9 14.499 5.617 21.283 1.799l13.802-7.769a19.03 19.03 0 0 1 12.175-2.223l13.606 2.061c13.89 2.104 24.143 13.885 24.143 27.738v34.41c0 16.084-13.226 29.124-29.541 29.124-1.618 0-3.232-.131-4.828-.392-32.836-5.363-67.928-25.976-105.491-61.57-39.13-37.08-63.447-75.668-72.727-115.77C18.449 41.253 32 21.333 50.879 21.333z"
                        class="transform-group"></path>
                </svg>
                <span>电话预订</span>
            </a>
            <a class="tool-nav-link">
                <svg viewBox="0 0 256 256">
                    <path
                        d="M120 174.4V29.333c0-4.266 3.733-8 8-8s8 3.734 8 8V174.4l50.133-49.6c3.2-3.2 8-3.2 11.2 0 3.2 3.2 3.2 8 0 11.2L140.8 191.467c-7.467 6.933-18.667 6.933-26.133 0L58.133 136c-3.2-3.2-3.2-8 0-11.2 3.2-3.2 8-3.2 11.2 0L120 174.4zm90.667 33.6c4.266 0 8 3.733 8 8s-3.734 8-8 8H45.333c-4.266 0-8-3.733-8-8s3.734-8 8-8h165.334z"
                        class="transform-group">
                    </path>
                </svg>
                <span>下载客户端</span>
            </a>
            <a class="tool-nav-link">
                <svg viewBox="0 0 256 256">
                    <path
                        d="M128 229.333c55.965 0 101.333-45.368 101.333-101.333 0-55.965-45.368-101.333-101.333-101.333C72.035 26.667 26.667 72.035 26.667 128c0 55.965 45.368 101.333 101.333 101.333zm0 16c-64.802 0-117.333-52.532-117.333-117.333C10.667 63.198 63.199 10.667 128 10.667c64.802 0 117.333 52.531 117.333 117.333 0 64.802-52.531 117.333-117.333 117.333zM99.61 138.517c-8.76-7.814-14.277-19.188-14.277-31.85C85.333 83.102 104.436 64 128 64s42.667 19.102 42.667 42.667c0 12.662-5.516 24.036-14.276 31.85C186.559 149.971 208 179.148 208 213.333l-.001.501c-20.959 19.542-49.083 31.5-79.999 31.5-30.916 0-59.04-11.958-79.999-31.5a83.522 83.522 0 0 1-.001-.5c0-34.186 21.442-63.363 51.61-74.817zM128 229.333c23.565 0 45.833-8.059 63.674-22.497-3.256-32.295-30.521-57.503-63.674-57.503s-60.418 25.208-63.674 57.503c17.84 14.438 40.11 22.497 63.674 22.497zm0-96c14.727 0 26.667-11.939 26.667-26.666C154.667 91.939 142.727 80 128 80c-14.728 0-26.667 11.939-26.667 26.667 0 14.727 11.94 26.666 26.667 26.666z"
                        class="transform-group"></path>
                </svg>
                <span>我 的</span>
            </a>
        </div>
        <div class="tool-ver">
            <a class="sitemap">网站地图</a>
            |
            <a class="global-sites" href="javascript:;">
                <span class="icon-global"></span>
                Language
                <span class="triangle"></span>
            </a>
            |
            <a href="https://www.ctrip.com/?mctrip=F" class="computer">电脑版</a>
        </div>
        <p>
            ©
            <label id="copyno">2021</label>
            携程旅行 |
            <a href="http://www.beian.gov.cn/" class="link-icp">沪ICP备08023580号</a>
        </p>
    </div>
</body>

</html>